<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>模板语法</title>
</head>
<body>

<div id="app">
	<span v-once>{{ message }}</span>
	<div v-html="html"></div>
	<div>{{ html }}</div>

	<div v-bind:id="aaa">hello</div>
	<div :id="aaa">hello</div>

	{{ number + 1 }}

</div>


<script src="vue.js"></script>
<script>
	let app = new Vue({
		el: '#app',
		// delimiters: ['{[', ']}'],
		data: {
		  message: 'Hello vue...',
			html: '<h1>哈哈哈</h1>',
			aaa: 'bbb',
			number: 100
		}
	})
	app.message = 'abc'
</script>
</body>
</html>